<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/login.css">
</head>
<div id="box">
    <div id="box1">
        <div id="img1">
            <img src="img/img1.png" width="90%">
        </div>
        <div id="img2">
            <img src="img/img2.png" width="60%">
        </div>
    </div>
    <div id="box2">
        <div id="title">
            <ul>
                <li>Home</li>
                <li>Register</li>
                <li>Contact Us</li>
                <li>Help</li>
            </ul>
        </div>
        <div id="form">
            <div style="font-size: 25px;font-weight: 600;">Enter Our Plantform<span></span></div>
            <form style="width:60%">
                <input type="text" placeholder="Enter Email Or Number">
                <input type="password" placeholder="Password">
                <div style="text-align: right;">Recovery Password
                </div>
                <input class="ss" type="button" value="sigin In">
                <div style="margin-top:30px;width:100%;text-align:center">
                    <span class="line"></span>
                    <span style="color: rgb(149, 149, 149);">or continue with</span>
                    <span class="line"></span>
                </div>
                <div id="login">
                    <div id="qq"></div>
                    <div id="WeChat"></div>
                </div>
            </form>
        </div>
    </div>
</div>

<body>

</body>

</html>